<div  class=" admin-content">
    <div class="admin-biaogelist">
        <div class="listbiaoti am-cf">
            <ul class="am-icon-flag on">
                费用报单
            </ul>
            <dl class="am-icon-home" style="float: right;">
                当前位置： 首页 > <a href="#">费用报单</a>
            </dl>
            <dl>
                <button type="button" ng-click="openAddCustomsModal()" class="am-btn am-btn-success am-round am-btn-xs am-icon-plus" > 添加报单</button>
            </dl>
            <dl>
                <button  ng-click="openSelectCustomsModal()" type="button" class="am-btn am-btn-success am-round am-btn-xs am-icon-plus" > 查询报单</button>
            </dl>
            <!--data-am-modal="{target: '#my-popup'}" 弹出层 ID  弹出层 190行 开始  271行结束-->

        </div>
        <form class="am-form am-g">
            <table width="100%" class="am-table am-table-bordered am-table-radius am-table-striped am-table-hover">
                <thead>
                <tr class="am-success">
                    <th class="table-check"><input type="checkbox" /></th>
                    <th class="table-type">费用名目</th>
                    <th class="table-type">费用类型</th>
                    <th class="table-title">收款单位</th>
                    <th class="table-type">付款人</th>
                    <th class="table-date am-hide-sm-only">日期</th>
                    <th class="table-author">金额</th>
                    <th class="table-author">剩余金额</th>
                    <th class="table-author">操作</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="item in customList">
                    <td><input type="checkbox" /></td>
                    <td>{{item.name}}</td>
                    <td class="am-text-center">{{item.type}}</td>
                    <td><a href="#">{{item.payee}}</a></td>
                    <td>{{item.payerId.name}}</td>
                    <td class="am-hide-sm-only">{{item.date}}</td>
                    <td class="am-hide-sm-only">{{item.money}}</td>
                    <td class="am-hide-sm-only">{{item.charge}}</td>


                    <td>

                        <div class="am-btn-toolbar">
                            <div class="am-btn-group am-btn-group-xs">

                                <button ng-click="selectCustoms(item.id)" class="am-btn am-btn-default am-btn-xs am-text-secondary am-round" data-am-modal="{target: '#my-popups'}" title="修改"><span class="am-icon-pencil-square-o" ></span></button>
                                <button ng-click="delete(item.id)" class="am-btn am-btn-default am-btn-xs am-text-danger am-round"  title="删除"><span class="am-icon-trash-o"></span></button>
                            </div>
                        </div>
                    </td>
                </tr>







                </tbody>
            </table>
            <div class="am-btn-group am-btn-group-xs">


            </div>
            <!--分页页码-->
            <ul class="am-pagination am-fr">
                <div class="box-footer no-border">
                    <pagination-component total-items="list.totalCounts"
                                          current-page="list.pageIndex"
                                          page-size="list.pageSize"
                                          select-page="NextListData(pageIndex)">
                    </pagination-component>
                </div>
            </ul>
            <hr />
            <p>
                备注：操作图标含义

                <a class="am-icon-pencil-square-o am-text-secondary" title="修改"> 修改栏目</a>

                <a class="am-icon-trash-o am-text-danger"  title="删除"> 删除栏目</a>






            </p>
        </form>

        <div class="foods">
            <ul>
                版权所有@2015
            </ul>
            <dl>
                <a href="" title="返回头部" class="am-icon-btn am-icon-arrow-up"></a>
            </dl>
        </div>
    </div>



    <div class="modal fade" id="addCustomsModal"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog" style="z-index:9999;">
            <div class="modal-content">
                <div class="modal-header">

                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>

                    <h4 class="modal-title" id="empModalLabel">
                        添加报单
                    </h4>
                </div>
                <div class="modal-body">
                    <form role="form">
                        <div class="form-group">
                            <label >名目</label>

                            <input type="text" ng-model="addData.name" value="办公用品" class="form-control"
                                   placeholder="名目">
                            <input type="hidden" class="form-control" >
                        </div>

                        <div class="form-group">
                            <label >类型</label>
                            <input ng-model="addData.type" type="text" value="1" class="form-control"
                                   placeholder="类型">
                            <input type="hidden" class="form-control" >
                        </div>
                        <div class="form-group">
                            <label >收款单位</label>
                            <input ng-model="addData.payee" type="text" value="XX公司" class="form-control"

                                   placeholder="收款单位">
                            <input type="hidden" class="form-control" >
                        </div>
                        <div class="form-group">
                            <label >付款人</label>
                            <input  type="text" value="1" class="form-control"
                                    ng-model="addData.payerId.id"
                                    placeholder="付款人">
                            <input type="hidden" class="form-control" >
                        </div>

                        <div class="form-group">
                            <label >日期</label>
                            <input  class="form-control" type="text"
                                    ng-model="addData.date"  id="datetimepicker">
                            <input type="hidden" class="form-control" >
                        </div>
                        <div class="form-group">
                            <label >金额</label>
                            <input ng-model="addData.money" type="text" value="5000" class="form-control"

                                   placeholder="金额">
                            <input type="hidden" class="form-control" >
                        </div>
                        <div class="form-group">
                            <label >剩余金额</label>
                            <input ng-model="addData.charge" type="text"  value="2000" class="form-control"

                                   placeholder="剩余金额">
                            <input type="hidden" class="form-control" >
                        </div>

                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" id="addEmp" ng-click="add(addData)" class="btn btn-primary">
                        提交
                    </button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>

</div>



<div class="modal fade" id="selectCustomsModal"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="z-index:9999;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title">
                    查询报单(任意填写一个,所有不填默认查询全部)
                </h4>
            </div>
            <div class="modal-body">
                <form role="form">
                    <div class="form-group">
                        <label>收款单位</label>
                        <input type="text" class="form-control"
                               placeholder="收款单位" ng-model="customData.payee">
                        <input type="hidden" class="form-control" id="nodeHideId">
                    </div>
                    <div class="form-group">
                        <label>费用类型</label>
                        <input type="text" class="form-control"
                               placeholder="费用类型" ng-model="customData.type">
                        <input type="hidden" class="form-control" >
                    </div>

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>

                <button type="button"  ng-click="select(customData)"  class="btn btn-primary">
                    查询
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<div class="modal fade" id="updateCustomsModal"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="z-index:9999;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="nodeModalLabel">

                    报单信息修改

                </h4>
            </div>
            <div class="modal-body">
                <form role="form">
                    <div class="form-group">
                        <label>名目</label>
                        <input type="text" class="form-control"
                               placeholder="名目" ng-model="customs.name">
                        <input type="hidden" class="form-control" >
                    </div>
                    <div class="form-group">
                        <label>类型</label>
                        <input type="text" class="form-control"
                               placeholder="类型"  ng-model="customs.type">
                        <input type="hidden" class="form-control" >
                    </div>
                    <div class="form-group">
                        <label >收款单位</label>
                        <input type="text" ng-model="customs.payee" class="form-control"
                               placeholder="收款单位">
                        <input type="hidden"  class="form-control" >
                    </div>
                    <div class="form-group">
                        <label >付款人</label>
                        <input ng-model="customs.payerId" type="text" class="form-control"
                               placeholder="付款人">
                        <input type="hidden" class="form-control" >
                    </div>
                    <div>
                        <label >日期</label>
                        <input ng-model="customs.date" type="text" class="form-control"
                               placeholder="日期">
                        <input type="hidden" class="form-control" >
                    </div>
                    <div>
                        <label >金额</label>
                        <input ng-model="customs.money" type="text" class="form-control"
                               placeholder="金额">
                        <input type="hidden" class="form-control" >
                    </div>
                    <div>
                        <label >剩余金额</label>
                        <input ng-model="customs.charge" type="text" class="form-control"
                               placeholder="剩余金额">
                        <input type="hidden" class="form-control" >
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" id="SelectEmpDataSubmit"  ng-click="Update(customs)" class="btn btn-primary">
                    更新
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>